﻿<UserControl x:Class="YouTubePlaylist.Views.UserInputCtrl"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <UserControl.Resources>
        <Style x:Name="HeaderStyle" TargetType="TextBlock">
            <Setter Property="FontSize" Value="16"/>
        </Style>
        <Style x:Name="NoteStyle" TargetType="TextBlock">
            <Setter Property="Foreground" Value="LightSalmon"/>
            <Setter Property="FontSize" Value="10"/>
        </Style>
    </UserControl.Resources>
    <StackPanel>
        <TextBlock Style="{StaticResource HeaderStyle}" Text="Please enter your email address (or unique identifier)." TextWrapping="Wrap"/>

        <Border BorderBrush="Black" CornerRadius="10" BorderThickness="2" Margin="8" Padding="8">
            <StackPanel>
                <StackPanel Orientation="Horizontal">                    
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Width="75" Text="Email:" VerticalAlignment="Center" Margin="0,0,4,0"/>
                        <TextBox x:Name="Email" Text="{Binding ExternalKey, Mode=OneTime}" Width="300" Margin="4,0,0,0"/>
                    </StackPanel>
                </StackPanel>
                <TextBlock Width="400" TextWrapping="Wrap" Style="{StaticResource NoteStyle}"
                   Text="Your email address is ONLY used to uniquely identify you. If you do not want to provide your email address, use another unique identifier (i.e., name)."/>
            </StackPanel>
        </Border>

        <!--<TextBlock Width="400" TextWrapping="Wrap" Style="{StaticResource NoteStyle}"
                   Text="A password is optional. If you do not care about security, feel free to forego a login password."/>
        <StackPanel Orientation="Horizontal">
            <TextBlock Text="Password:" VerticalAlignment="Center" Margin="0,0,4,0"/>
            <PasswordBox x:Name="Password" MinWidth="100" Margin="4,0,0,0"/>
        </StackPanel>-->
    </StackPanel>
</UserControl>
